import './App.css';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Login from './pages/Login';
import LayoutPlus from './pages/Layout';
import Home from './pages/Home';
import ClassifyList from './pages/ClassifySeries/classifyList';
import SeriesList from './pages/ClassifySeries/seriesList';
import GoodsManagement from './pages/Goods/goodsManagement';
import BlindBox from './pages/Goods/blindBox';
import GoodsManagementList from './pages/Deal/goodsManagementList';
import BlindBoxList from './pages/Deal/blindBoxList';
import Logistics from './pages/Logistics';
import Information from './pages/Information';
import Account from './pages/Account';


function App() {
  return (
    <BrowserRouter>
    <div className="App">
      <Routes>
          <Route path="/login" element={<Login />}></Route>
          <Route path="/" element={<LayoutPlus />}>
            <Route index element={<Home />} />
            {/* 分类系列管理 */}
            <Route>
              <Route path='classifyList' element={<ClassifyList />} />
              <Route path='seriesList' element={<SeriesList />}/>
            </Route>
            {/* 数字勤品管理 */}
            <Route>
              <Route path='goodsManagement' element={<GoodsManagement />} />
              <Route path='blindBox' element={<BlindBox/>}/>
            </Route>
            {/* 订单交易管理 */}
            <Route>
              <Route path='goodsManagementList' element={<GoodsManagementList />} />
              <Route path='blindBoxList' element={<BlindBoxList/>}/>
            </Route>
            <Route path='logistics' element={<Logistics />} />
            <Route path='information' element={<Information />} />
            <Route path='account' element={<Account />}/>
          </Route>
          
      </Routes>
    </div>
    </BrowserRouter>

  );
}

export default App;
